import React, { Component } from "react";

class FilmList extends Component{
    state={
        title:""
    }
    render(){
        return <div>FilmList组件-{this.state.title}</div>
    }
    UNSAFE_componentWillReceiveProps(nextProps,){
        // 在子组件中写这个才有意义 
       
        // this.props.text拿第一次是老的属性
        console.log("最先拿到父组件传来的属性",nextProps);
        //可以利用属性进行ajax或者逻辑处理
        //属性转换成孩子自己的状态
        this.setState({
            title:nextProps.type+"廖子乔"
        })
    }
}
export default class app extends Component {
    state={
        type:1
    }
  render() {
    return <div>apdsadp

        <ul>
            <li onClick={()=>{
                this.setState({
                    type:1
                })
            }}>正在热映</li>
            <li onClick={()=>{
                this.setState({
                    type:0
                })
            }}>即将上映</li>
        </ul>
<FilmList type={this.state.type}></FilmList>
    </div>;
  }
}
